#content {
width:700px;
height: 500px;
}
.tutorialMenu {
padding: 10px 0;
margin:0;
list-style-type: none;
}

.tutorialMenu h2 {
margin:5px 0;
padding:0;
}
.tutorialMenu h2 a {
font-family: nanum;
font-size: 20px;
display: block;
font-weight: bold;
color:#591717;
text-decoration:none;
margin:0;
padding:10px;
background:rgb(170,133,86);
position:relative;
}

.tutorialMenu :not(:target) h2 a {
color:#FFF;
font-weight : bold;
background:rgb(170,133,86);
background:rgba(170,133,86,.4);
position:relative;
}
.tutorialMenu h2 a:active,
.tutorialMenu h2 a:focus {
background:rgb(170,133,86);
background:rgba(170,133,86,.4);
}
.tutorialMenu :target p,
.tutorialMenu :not(:target) p {
padding:0;
margin:0;
height:0;
overflow: hidden;
-moz-transition: height 1.0s ease-in;
-webkit-transition: height 1.0s ease-in;
-o-transition: height 1.0s ease-in;
transition: height 1.0s ease-in;
}
.tutorialMenu :target p {
height:295px;
}
.tutorialMenu #coffeecards p,
.tutorialMenu #blogcomments p,
.tutorialMenu #onlineform p {
text-align:center;
position:relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.tutorialMenu p {
height:600px;
}
.tutorialMenu p span{
font-size:14px;
display:block;
height:280px;
padding:15px 0 0 0;
text-indent:10px;
position:absolute;
bottom:0;
left:0;
width:100%;
color:#FFF;
background:white;
background: rgba(0,0,0,.1);
-webkit-border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-bottomleft:5px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
}
h1,
.tutorialMenu h2 a,
.tutorialMenu :not(:target) p  {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
